// common less file com


html,body{
	font-family: -apple-system, "SF UI Text", "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Zen Hei", sans-serif;
	font-weight: normal;
	color:black;
	// overflow: hidden;
	max-width: 998px;
	height: 100%;
	margin:auto;
}
*{
	box-sizing: border-box;
}

/* ========================JJW============================ */
.block{
	// padding: 0.8rem 1rem 0 1rem; // container 里面有padding，用container的
}

.block_headder{
	border-bottom-style:solid;
	border-width: 1px;
	height: 2.5rem;
}

.block_headder_img{
	display: inline-block;
	background-size: cover;
	width: 2rem;
	height: 2rem;
	margin-right: 1rem;
	float: left;
}

.block_headder .title{
	height: 2rem;
	line-height: 2rem;
}

.block_content {
	overflow: hidden;
	padding-bottom: 1rem;
	margin-left: auto;
	margin-right: auto;
	a{
		width:100%;
		height:100%;
		line-height: 100%;
		display: inline-block;
		font-size: 1rem;
		color: white;
	}
	.description {
		label　{
		  margin-left: 0.5rem;
		  display: inline-block;
		  min-width: 5rem;
		  float: left;
		  font-size: 1rem;
		  height: 1.4rem;
		  line-height: 1.4rem;
		  color: #666;
		  text-align-last: justify;
		  text-align:right;
		}
		p {
		  font-size: 1rem;
		  height: 1.4rem;
		  line-height: 1.4rem;
		  color: #797979;
		}
	}
	.type_status {
		label　{
		  float: left;
		  font-size: 1.1rem;
		  height: 1.6rem;
		  line-height: 1.6rem;
		}
	}
}

.block ul{
	padding-left: 0.3rem;
}

.block li{
	position: relative;
	list-style:none;
	overflow: hidden;
	margin: 0.4rem 0 0 0;
}

.approval div{
	margin-left: 1rem;
	line-height: 1.3rem;
	overflow: hidden;
}

.approval a {
	color: #000;
}

.bulletin div{
	border: 1px dashed #ccc;
	margin-left: 2rem;
	max-height: 4rem;
	padding: 0.3rem 0.3rem 0 0.3rem;
	overflow: hidden;
}

.bulletin a {
	color: #000;
}

.bulletin .date{
	display: block;
	display: block;
	float: right;
}

.bulletin .title{
	line-height: 1.3rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.fa-2r {
  font-size: 1.2rem !important;
}

.app-bulletin {
	width: 14.5rem;
	height: 13rem;
	line-height: 13rem;
	background-color: #5598CF;
	float: left;
	margin-top: 1rem;
}

.app-overTime {
	width: 7rem;
    height: 5rem;
    line-height: 5rem;
    background-color: #36ADC2;
    float: left;
    margin-left: 0.9rem;
    margin-top: 1rem;
}

.app-leave {
	width: 7rem;
	height: 7.2rem;
	line-height: 7rem;
	background-color: #EB7159;
	float: left;
	margin: 0.9rem 0 0 0.9rem;
}

.app-finace {
    width: 6.75rem;
    height: 5rem;
    line-height: 5rem;
    background-color: #26A69A;
    float: left;
    margin-top: 0.9rem;
}

.app-confirmation {
    width: 6.75rem;
    height: 5rem;
    line-height: 5rem;
    background-color: #FFA726;
    float: left;
    margin: 0.9rem 0 0 0.9rem;
}

.app-plan {
    width: 7rem;
    height: 5rem;
    line-height: 5rem;
    background-color: #3FB04B;
    float: left;
    margin: 0.9rem 0 0 0.9rem;
}

.app{
	text-align: center;
	border-radius: 4px;
}

#itemTable {
	input {
		border-radius:3px;
	}
	td:first-child input{
		width: 13rem;
		margin-left: 5px;
	}
	td:nth-child(2) input{
		width: 5rem;
		margin-left: 5px;
	}

	td:nth-child(3) input{
	  width: 3rem;
	  height: 1.5rem;
	  line-height: 1.5rem;
	  margin-left: 5px;
	  background-color: #D55959;
	  font-size: 0.7rem;
	}
}

.addItemBtn {
	width: 7rem !important;
	height: 2rem;
	line-height: 2rem;
	margin: 0 auto;
	background-color: #B0B0B0;
	font-size: 1.2rem;
}

section {
	// margin-bottom: 2.5rem;
}

.bg-orange {
	background-color: #F2B738 !important;
}

.bg-red {
	background-color: #F23838 !important;
}

.avatar {
	float: left;
	margin: 0.5rem 0;
	width: 4rem;
	height: 4rem;
}

/* ========================QLC============================ */
header{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background-color: #F8F8F8;
	padding:0 1rem;
	position: fixed;
	top:0;
	left:50%;
	width:100%;
    height: 3.4rem;
    line-height: 3.4rem;
    max-width:998px;
    transform:translate(-50%);
    z-index: 5001;
	border-bottom: 1px solid #999;
	.logo-graphic{
		width: 2.2rem;
	    height: 2.2rem;
	    line-height: 2rem;
	    color: #0C900B;
	    text-align: center;
	    vertical-align: middle;
	    -webkit-border-radius: 50%;
	    border-radius: 50%; 
	    display: inline-block;
	    border: 0.18rem solid #0C900B;
	    font-size: 1.7rem;
	}
	.left ,.right{
		height: 100%;
	    line-height: 3.4rem;
	}
	.right i:before{
		font-size: 1.8rem;
		color:#0C900B;
	    line-height: 3.4rem;
	}
	.left i.fa-angle-left:before{
		font-size: 2rem;
		color:#0C9008;
	    vertical-align: sub;
	}
	.left em{
		color: #595959;
		font-size: 1.2rem;
		padding-left: 0.5rem;
	    font-weight: bold;
		display: inline-block;
	}
}
.nav-list{
	position: absolute;
	top:0;
}
.container{
	padding: 3.5rem 1rem 0;
	// overflow: auto;
	width: 100%;
    min-height: 100%;
	h3{
		font-size: 1.1rem;
		color: #333;
		height: 2.2rem;
		padding-left: 10px;
		line-height: 2.4rem;
		border-bottom: 1px solid #efefef;
		margin-bottom:1rem;
		.view-more{
			margin-right: 0.8rem;
			font-size: 0.8rem;
			color:#999;
		}
	}
	.flexslider{
		margin:-0.5rem -1rem;
	}
	.plans-title{
		
	}
	.mon-week-plans{
		min-height: 4rem;
		margin-bottom:4rem;
	}
	.plan-list{
		width:21rem;
		display: inline-block;
		margin: 0 1.5rem;
		li{
			border-left: 1px solid #0C900B;
			line-height: 1.2rem;
			padding-top:0.7rem;
		    display: table;
			p{
				padding-left: 1.5rem;
				line-height: 1.4rem;
			}
			
			i{
				float:right;
			}
		}
		li:not(:first-child):before{
			content: "";
			width: 0.75rem;
			height: 0.75rem;
			opacity: 0.95;
			box-shadow: 0px 0px 1px 2px #9accb4;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			background-color: #0C900B;
			display: inline-block;
			margin-left: -.4rem;
			position: absolute;

		}
		display: inline-block;
	}
	.plan-list:before{
		background-color: green;
		color:white;
		border-radius: 50%;
		width:1.6rem;
		height:1.6rem;
		display: inline-block;
		line-height: 1.6rem;
		text-align: center;
		position: absolute;
		font-size: 1rem;
		box-shadow: 0px 0px 1px 2px #9accb4;
	    margin-left: -.75rem;
	}
	.month:before{
		content: "月";
	}
	.week:before{
		content: "周";
	}




	// 请假申请
	.apply-tips{
		color:#aaa;
		font-size: 1rem;
		line-height: 1.4rem;
	}
	


	// 审批列表
	.type-label{
		position: absolute;
		    cursor: default;
		    width: 8rem;
		    height: 2rem;
		    right: -2rem;
		    top: 0.8rem;
		    color: #ffffff;
		    background-color: #55ba54;
		    transform: rotate(39deg);
		    font-size: 1.2rem;
		    letter-spacing: 3px;
		    -ms-flex-pack: center;
		    justify-content: center;
		    -webkit-box-align: center;
		    -webkit-align-items: center;
		    -ms-flex-align: center;
		    align-items: center;
		    z-index: 15;
		    opacity: 1;
		    overflow: visible;
		    display: flex;
		    white-space: nowrap;
	}
	
	.tab-bar{
		width: 100%;
		display: flex;
		justify-content:center;
		border:1px solid #2BB828;
		border-radius: 4px;
		li{
			width:50%;
			text-align: center;
			height: 2.6rem;
			line-height: 2.6rem;
			font-size: 1rem;
			color:#666;
		    vertical-align: middle;
			&:first-child{
				border-right: 1px solid #2BB828;
			}
			&.active{
				color: white;
				background-color: #2BB828;
			}
		}
	}
	.filter-bar{
		display: flex;
		color:#999;
		font-size: 1rem;
		justify-content:space-around;
		margin-left:-1rem;
		margin-right:-1rem;
		margin-top:1rem;
		background-color: white;
		li{
			height:2.6rem;
			line-height: 2.6rem;
			font-size: 1.2rem;
			.fa{
				padding-right:0.5rem;
			}
		}	
	}
	.filter-notation{
		line-height: 3rem;
		height:3rem;
		font-size: 1.1rem;
		color:#aaa;
		text-indent: 1rem;
		i:before{
			font-size: 1.5rem;
			display: inline-block;
			vertical-align: -3px;
		}
	}
	.inspect-blk{
		margin-left:-1rem;
		margin-right:-1rem;
		background-color: #f2f2f2;
		li{
			padding-left:0.5rem;
			a{
				display: block;
				height: 100%;
			}
			background-color: white;
			position: relative;
			overflow: hidden;
		}
		.person-info {
			display: flex;
			flex-direction:row;
			justify-content:left;
			padding:1rem 0 0 1rem;
			img{
				width:4rem;
				height:4rem;
				border:none;
				margin-right:1rem;
				border-radius: 50%;
				background-color: #ccc;
			}
			div{
				p{
					font-size: 1.2rem;
					line-height: 1.8rem;
					font-weight: bold;
					color:#666;
					padding-right:1rem;
				}
			}
		}
		.inspect-info{
			margin: 1rem 0 0 1rem;
			padding-bottom: 0.5rem;
			overflow: hidden;
			text-overflow: ellipsis;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			label{
				  width: 7rem;
				  float: left;
				  font-size: 1rem;
				  line-height: 1.6rem;
				  color: #666;
				  font-weight:bold;
			}
			p{
				font-size: 1rem;
				line-height: 1.8rem;
				color: #666;
				padding-right: 0.5rem;
				overflow: hidden;
				max-height: 3.6rem;
				text-overflow: ellipsis;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				display: -webkit-box;
			}
			.longP {
			  max-height: 3rem;
			  overflow: hidden;
			  text-overflow: ellipsis;
			  display: -webkit-flex;
			  display: -ms-flexbox;
			  display: flex;
			  display: -webkit-box;
			  line-clamp: 2;
			  -webkit-line-clamp: 2;
			  -webkit-box-orient: vertical;
			}

		}
	}

	.blk{
		margin-left:-1rem;
		margin-right:-1rem;
		li{
			a{
				display: block;
			}
			background-color: white;
			position: relative;
			overflow: hidden;
		}
		.info {
			display: flex;
			flex-direction:row;
			justify-content:left;
			padding:1rem 0 0 1rem;
			div{
				p{
					font-size: 1.2rem;
					line-height: 1.8rem;
					font-weight: bold;
					color:#000;
				}
			}
		}
		.detail{
			margin:1rem 0 0 1rem;
			padding-bottom: 0.5rem;
			label {
				  width: 7rem;
				  float: left;
				  font-size: 1rem;
				  line-height: 1.6rem;
				  color: #666;
				  font-weight:bold;
			}
			p{
				font-size: 1rem;
				line-height: 1.6rem;
				color: #666;
			}
			.longP {
			  max-height: 3rem;
			  overflow: hidden;
			  text-overflow: ellipsis;
			  display: -webkit-flex;
			  display: -ms-flexbox;
			  display: flex;
			  display: -webkit-box;
			  line-clamp: 2;
			  -webkit-line-clamp: 2;
			  -webkit-box-orient: vertical;
			}
		}
	}
	
	.tab-list{
		display: flex;
		height: 5rem;
		margin-top:-0.5rem;
		flex-direction:row;
		justify-content:space-around;
		padding-top:1.2rem;
		margin-left:-1rem;
		margin-right:-1rem;
		background-color: white;
		font-size: 1.1rem;
		li{
			text-align: center;
			color:#0C900B;
			font-size: 1rem;
			a{
				color:inherit;
			}
			p{
				margin-top:0.5rem;
			}
			i:before{
				font-size: 1.5rem;
			}
		}
	}
	.inspect-module{
		background-color: white;
		font-size: 0;
		margin-left: -1rem;
		margin-right: -1rem;
		li{
			border-right:1px solid #ccc;
			border-bottom:1px solid #ccc;
			width:33%;
			height:10rem;
			display: inline-block;
		    text-align: center;
		    overflow:hidden;
			a{
				font-size: 1rem;
				-webkit-border-radius: 0.6rem;
				border-radius: 0.6rem;
				width: 3rem;
				border: 1px solid #ccc;
				height: 3rem;
				margin: 3rem auto 0 auto;
				display: inline-block;
				line-height: 3rem;
				i{
					line-height: 1rem;
					&:before{
						color: #0C900B;
						vertical-align: bottom;
						font-size: 1.5rem;
					}
				}
			}
			p{
				color:#666;
				text-align: center;
				line-height: 1.3rem;
				font-size: 0.95rem;
				margin-top:.3rem;
			}
		}
		li:nth-child(3n){
			border-right:none;
		}
		li:nth-child(n>6){
			border-bottom: none;
		}
	}
	.total-money {
		.money-text{
			font-size: 1rem;
		}
	}
	.finance-blk[data-index="0"] a.remove-one{
		display: none;
	}
	.finance-blk:last-child .new-one{
		display: block;
	}
	.finance-blk{
		.new-one{
			border-top:1px solid #ccc;
			border-bottom:1px solid #ccc;
			height:3.6rem;
			background-color: #fff;
			display: none;
			line-height: 3.6rem;
			font-size: 0.88rem;
			text-align: center;
			color:#37aeff;
		}
		a.remove-one{ 	
			color:#37aeff;
			float:left;
		    padding: 0.75rem 1rem;
		}
		
		.add-one{
			display: inline-block;
			padding: 0 1rem;
			height: 100%;
			color:#37aeff;
			font-size:1rem;
		}

		.finance-title{
			background-color: #efefef;
		    margin-left: -1rem;
		    border-top: 1px solid #ccc;
    		margin-right: -1rem;
			display: flex;
			height: 2.6rem;
			line-height: 2.6rem;
			justify-content: space-between;
			font-size: 0.88rem;
			color:#37aeff;
			.title-text{
				margin:0rem 1rem;
				color:#999;
			}
			.remove-one{
				padding:0 1rem;
			}
		}
	}
	
	.company{
		.comp-title{
			width:100%;
			margin-left:1rem;
			height:2.6rem;
			line-height: 2.6rem;
			font-size: 1rem;
			i{
				width: 1rem;
				font-size: 1.4rem;
				margin-right: 1.5rem;
				color:#56a556;
				vertical-align: baseline;
			}
		}
		.apartment{
			margin-left:3rem;
			.apart-title{
				height:2.6rem;
				line-height: 2.6rem;
				font-size: 1rem;
				i{
					width: 1rem;
					font-size: 1.4rem;
					vertical-align: 0px;
					margin-right: 1rem !important;
					color:#56a556;
				}
			}
			li{
				font-size: 1rem;
				padding-left:1.3rem;
				height:2.6rem;
				line-height: 2.6rem;
				a{
					height: 100%;
				}
				i{
					font-size: 1.4rem;
					margin-right: 0.5rem;
					color:#56a556;
				}
				i.pull-right{
					margin-top:5px;
					color:#e2e2e2;
					font-size: 1rem;
				}
			}
		}
		.blk-control{
			display: block;
		}
	
	}
	.banner{
		margin:1rem -1rem;
	}
	.board-list{
		h4{
			text-align: center;
			color: rgba(114, 143, 194, 1);
			font-size: 1.2rem;
			margin:1.5rem 0 1rem;
			font-weight: bold;
		}
		.board-item{
			margin: 0 -1rem;
			button{
			    width: 90%;
			    margin: 2rem auto;
			    display: block;
				height:2.6rem;
				line-height: 2.6rem;
				font-size: 1rem;
				border-radius: 0.25rem;
				color:white;
				background-color: rgba(81, 201, 81, 1);
				border:none;
				&:active{
					box-shadow: inset 0 11px 17px rgba(61, 165, 61, 0.6);
				}
			}
		}
		.board-list-item{
			li{
				border-top:1px dashed #bbbbbb;
				height: 4.2rem;
				margin-top: 3px;
				padding-top: 3px;
				&:last-child{
					border-bottom:1px dashed #bbbbbb;
				}
				a{
					display: block;
					font-size:1rem;
					color:#666;
					.tips-type{
						color: #999;
						line-height: 1.4rem;
					    width: 3rem;
					    overflow:hidden;
					    text-overflow:ellipsis;
					    white-space: nowrap;
					    vertical-align: top;
					    text-align: center;
					}
					.tips-desc{
						width: 19rem;
						display: inline-block;
						line-height: 1.4rem;
						margin-left: 0rem;
						color:#555;
						height: 2.8rem;
						overflow: hidden;
						text-overflow: ellipsis;
						-webkit-line-clamp: 2;
						-webkit-box-orient: vertical;
					}
					.dateTime{
						float:right;
						margin-right: 1rem;
						line-height: 1.4rem;
						font-size: 0.8rem;
						color:#aaa;
					}
				}
			}
		}
	}

	.boardDetail{
		h4{
			margin: 2rem 0 .5rem;
			text-align: center;
			color: #555;
			font-size: 1.2rem;
		}
		p{
			padding:0.5rem;
			line-height: 1.3rem;
			color:#999;
			text-indent: 2rem;
		}
		.abbr{
			text-align: right;
			margin-bottom: -1rem;
			margin-right: 1rem;
		}
	}
	
	.personal-info .apply-input{
		margin-top: 0.2rem;
		text-align: right;
		label{
			margin-right: 0.7rem;
			vertical-align: -2px;
		}
	}
	.welcome{
		color:#259b24;
		margin-top: 3rem;
		font-weight: bold;
		font-size: 1.8rem;
	}

	.login{
		padding:1.5rem 3rem;
		i{
			color:#259b24;
		    font-size: 1.5rem;
	        vertical-align: -1rem;
		}
		.row{
			margin-top: 1rem;
			input{
				margin-left: 1.5rem;
				padding: 0.5rem;
				height: 2.5rem;
				line-height: 2.5rem;
				font-size: 1rem;
			}
		}
		.other-oper{
			a{
				display: inline-block;
				margin: 1rem;
				color:#666;
			}
			i{
				color: #aaa;
				display: inline-block;
				vertical-align: baseline;
				font-size: 1rem;
			}
		}
	}
}


.filter-label{
	position: absolute;
    top: 3.5rem;
	width:100%;
	z-index: 1001;
	bottom:0;
	background-color: #fff;
	padding:1rem;
	overflow:auto;
	.form-control{
		margin-top:1rem;
		margin-left:-1rem;
		margin-right:-1rem;
		.timepicker{
			width:12rem;
		}
	}
	.type_desc{
		display: inline-block;
		&:before{
			content: "";
			width: 8px;
			height: 8px;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			background-color: #549a54;
			margin-right: 0.5rem;
			display: inline-block;
			vertical-align: 2px;
		}
	}
	ul li{
		display: inline-block;
		width:10rem;
		height: 2.5rem;
		line-height: 2.5rem;
	    margin: 0.5rem;
		&.active a{
		    background-color: rgba(185, 232, 185, 0.59);
    		color: #7ec57e;
		}
		label{
				line-height: 1rem!important;
			}
		a{
			height: 100%;
			width:100%;
			text-align: center;
			display: inline-block;
			background-color: #efefef;
			border-radius: 0.55rem;
			color:#666;
			
		}
	}
}

.search-panel{
	position: absolute;
	top: 3.5rem;
	width:100%;
	z-index: 1001;
	bottom:0;
	background-color: #fff;
	overflow:auto;
	padding:1rem;
	.search-bar{
		width:100%;
		display: inline-block;
		height:2.8rem;
		line-height: 2.8rem;
		border-radius: .3rem;
		border:1px solid #e2e2e2;
		padding-left: 1rem;
		background-color: #fff;
		i.fa-search{
			font-size: 1.6rem;
			color:#e2e2e2;
			vertical-align: baseline;
		}
		input[type=text]{
			height: 98%;
		    width: 14rem;
		    outline: none;
		    border: none;
		    font-size: 1rem;
		    color: #999;
		    vertical-align: 2px;
			&:focus{
				background-color: #fff;
			}
		}

	}
	.type_desc{
		display: inline-block;
		margin-top: 1rem;
		font-size: 1rem;
	}
	.type_status_list{
		li{
			margin:0.5rem 1rem;
		}
		label{
			margin-right:0.5rem;
		}
	}

	.custom-select{
		margin:0.5rem 1rem 1rem;
		select{
			font-weight: normal;
			color:#666;
		}
	}
	
	
}
footer{
	position: fixed;
	z-index: 100;
	bottom:0;
	left:0;
	width:100%;
    height: 3.4rem;
	background-color: #F8F8F8;
	ul.foot-tab-bar{
		display: flex;
		border-top:1px solid #999;
		flex-direction:row;
		justify-content:space-around;
		li{
			line-height: 3.4rem;
		}
		li.active{
			i:before{
				color:#0C900B;
			}
			p{
				color:#0C900B;
			}
		}
		li a{
			line-height: 0.8rem;
			display: inline-block;
    		vertical-align: middle;
			width:2rem;
			height:2.8rem;
			p{
				text-align: center;
				font-size: 0.8rem;
				color:#666;
			}
			i{
				width:100%;
				height:1.7rem;
				line-height: 1.7rem;
				text-align: center;
				display: inline-block;
			   	vertical-align: sub;
			}
			i:before{
				color:#666;
				text-align: center;
			}
		}
		li:nth-child(1) i:before{
			font-size: 1.7rem;
		}
		li:nth-child(2) i:before{
			font-size: 1.4rem;
		}
		li:nth-child(3) i:before{
			font-size: 1.4rem;
		}
		li:nth-child(4) i:before{
			font-size: 1.6rem;
		}
	}
}

#jq-dropdown-1{
	transform: translate(-50%,-6%);
};
#jq-dropdown-1:before,#jq-dropdown-1:after{
	content:none!important;
}
#jq-dropdown-1 .jq-dropdown-menu a{
	height:2.6rem;
	display: inline-block;
	line-height: 2.6rem;
	width:100%;
	font-size: 1rem;
}